<template>
  <MessageBox>
    <div class="textList" v-html="props.materialsInfo.name"></div>
  </MessageBox>
</template>

<script setup lang='ts'>
import {reactive, ref, computed, watch, onMounted, defineProps} from "vue"
import {useRouter, useRoute} from "vue-router"
import MessageBox from './MessageBox.vue'

const props = defineProps(['materialsInfo'])

onMounted(()=>{
  // console.log('props.materialsInfo - -   ', props.materialsInfo)

})

</script>

<style lang="scss" scoped>
  .textList{
    font-size: 12px;
    color: #666;
    line-height: 1.5;
    white-space: pre-line;
  }
</style>
